<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>热点</title>
    <link rel="stylesheet" href="./hot.css">
    <link rel="stylesheet" href="./home-page-reset.css">
    <link rel="stylesheet" href="./swiper-4.5.3/dist/css/swiper.css">
    <script src="./jquery-1.11.1.js"></script>
</head>
<body>
    <header>热点</header>
    <nav>
        <div class="swiper-box">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="" class="swiper-a">
                            <img src="./img/banner1.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="" class="swiper-a">
                            <img src="./img/banner2.jpg">
                        </a>
                    </div>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <script src="./swiper-4.5.3/dist/js/swiper.js"></script>
    </nav>
    <section>   
        <!-- <div class="content">
            <a href="" class="content-a1">
                <img src="./img/1.jpg" class="content-img1">
            </a>
            <div class="product_name">大衣</div>
            <div class="product_price">￥59</div>
            <form action="" id="form">
                <input type="button" id="star" value="收藏">
                <input type="button" id="buy" value="立即购买">
            </form>
        </div>
        <div class="content">
            <a href="" class="content-a1">
                <img src="./img/2.jpg" class="content-img1">
            </a>
            <div class="product_name">大衣</div>
            <div class="product_price">￥59</div>
            <form action="" id="form">
                <input type="button" id="star" value="收藏">
                <input type="button" id="buy" value="立即购买">
            </form>
        </div>
        <div class="content">
            <a href="" class="content-a1">
                <img src="./img/3.jpg" class="content-img1">
            </a>
            <div class="product_name">大衣</div>
            <div class="product_price">￥59</div>
            <form action="" id="form">
                <input type="button" id="star" value="收藏">
                <input type="button" id="buy" value="立即购买">
            </form>
        </div> -->
    </section>
    <footer>
        <a href="http://localhost/mogujie/home-page.html">首页</a>
        <a href="http://localhost/mogujie/hot.html">热点</a>
        <a href="http://localhost/mogujie/shop-cart.html" >购物车</a>
        <a href="http://localhost/mogujie/star.html" >收藏</a>
        <a href="http://localhost/mogujie/person.html" >我的</a>
    </footer>
</body>
<script>
    new Swiper('.swiper-container',{
        initialSlide :0,
        loop:true,
        pagination :{
            el:'.swiper-pagination'
        },
        autoplay:true
    })
</script>
<script src="./hot.js"></script>
</html>